/**
 * Whilst the dock isn't supported by the base theme this CSS is here so that those
 * themes that do want to use the dock will have a starting point at least
 */
/* Put a margin on the body if the dock is shown */
body.has_dock {
    margin-left: 30px;
}

/** For the dock itself */
#dock {
    width: 30px;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: #FFF;
    border-right: 1px solid #000;
    z-index: 5000;
}

#dock.nothingdocked {
    visibility: hidden;
    display: none;
}

#dock .dockeditem .firstdockitem {
    margin-top: 1em;
}

#dock .dockedtitle {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    cursor: pointer;
}

#dock .dockedtitle h2 {
    font-size: 0.80em;
    line-height: 100%;
    text-align: center;
}

#dock .dockedtitle .filterrotate {
    margin-left: 8px;
}

#dock .controls {
    position: absolute;
    bottom: 1em;
    text-align: center;
    width: 100%;
}

#dock .controls img {
    cursor: pointer;
}

/** For the panel the docked blocks are shown in */
#dockeditempanel {
    min-width: 200px;
    position: relative;
    z-index: 12000;
    left: 100%;
}

#dockeditempanel.dockitempanel_hidden {
    display: none;
}

#dockeditempanel .dockeditempanel_content {
    background-color: #fff;
    border: 1px solid #000;
    z-index: 12050;
}

#dockeditempanel .dockeditempanel_bd {
    overflow: auto;
    width: 100%;
}

#dockeditempanel .dockeditempanel_bd .block_docked {
    margin: 10px;
}

#dockeditempanel .dockeditempanel_bd .block_navigation .block_tree li {
    overflow: visible;
}

#dockeditempanel .dockeditempanel_hd {
    border-bottom: 1px solid #000;
}

#dockeditempanel .dockeditempanel_hd h2 {
    display: block;
    margin: 0;
    padding-right: 1em;
}

#dockeditempanel .dockeditempanel_hd .commands {
    display: block;
    text-align: right;
}

#dockeditempanel .dockeditempanel_hd .commands > a,
#dockeditempanel .dockeditempanel_hd .commands > span {
    margin: 0 3px;
}

#dockeditempanel .dockeditempanel_hd .commands img,
#dockeditempanel .dockeditempanel_hd .commands input {
    vertical-align: middle;
    width: 12px;
    height: 12px;
}

#dockeditempanel .dockeditempanel_hd .commands .hidepanelicon img {
    cursor: pointer;
}

/** IE 6 doesn't support fixed pos elements **/
.ie6 #dockeditempanel {
    position: absolute;
}

/* right align the DOCK panel
------------------------------*/
.dir-rtl #dockeditempanel .dockeditempanel_hd .commands {
    text-align: left;
}

.dir-rtl #dockeditempanel {
    right: 100%;
}

.dir-rtl #dock {
    left: auto;
    right: 0%;
    border-left: 1px solid #DDD;
}

.dir-rtl #dock .dockedtitle {
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #EEE;
    cursor: pointer;
}

body.dir-rtl.has_dock {
    margin-left: 0px;
    margin-right: 30px;
}

/* Test span used to calculate positioning of docked item labels */
.transform-test-node {
    position: absolute;
    line-height: normal;
}

/* Hide the move icon for blocks which are docked */
#dock .editing_move,
#dock .moodle-core-dragdrop-draghandle {
    display: none;
}
